﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Artist Info</title>
<meta http-equiv="content-type" content="text/html; charset=utf-16" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery00.js"></script> 
<script type="text/javascript" src="js/jquery01.js"></script>		
<script type="text/javascript" src="js/coin-sli.js"></script>
<script type="text/javascript">
$(document).ready(function(){$('#coin-slider').coinslider({ 
width:900,height:300,navigation:true,effect:'random',//random, swirl, rain, straight
delay:3000//Delay between transitions
});});
</script>
<script type="text/javascript" src="js/function.js"></script>
</head>
<body class="noJs">
	<div class="container">
		<div id="header">
			<div class="wrap">
				<div class="logo">
					<a href="start.html" title="Recommend Me Music">Recommend Me Music</a>
				</div>
				<ul id="nav">
					<li class="current"><a href="start.html">Home</a></li>
					<li><a href="team.html">TEAM</a></li>
					<li><a href="privacy.html">PRIVACY</a></li>
					<li><a href="reportabug.html">REPORT A BUG</a></li>
				</ul>
			</div>
		</div>
		<div class="separator"></div>
		<div class="separator"></div>
		<div class="columns">
			<div class="wrap">
				<div class="twoOfThree last headline">
					<h1>Music video results of the artist:</h1>
					<p>
					<script type="text/javascript">
					    function HttpRequest(url) {
					        var pageRequest = false //variable to hold ajax object
					        /*@cc_on
					        @if (@_jscript_version >= 5)
					        try {
					            pageRequest = new ActiveXObject("Msxml2.XMLHTTP")
					        }
					        catch (e) {
					            try {
					                pageRequest = new ActiveXObject("Microsoft.XMLHTTP")
					            }
					            catch (e2) {
					                pageRequest = false
					            }
					        }
					        @end
					        @*/

					        if (!pageRequest && typeof XMLHttpRequest != 'undefined')
					            pageRequest = new XMLHttpRequest()

					        if (pageRequest) { //if pageRequest is not false
					            pageRequest.open('GET', url, false) //get page synchronously 
					            pageRequest.send(null)
					            embedpage(pageRequest)
					        }
					    }

					    function embedpage(request) {
					        //if viewing page offline or the document was successfully retrieved online (status code=2000)
					        if (window.location.href.indexOf("http") == -1 || request.status == 200)
					            var obj = request.responseText;
					            //document.write(obj);
					            var titlex = obj.split("title\":")
					            var playerIDx = obj.split("5\":");
					            var i;
                                for(i = 1;i<playerIDx.length;i++)
			                    {
			                        var playerID2 = playerIDx[i].split("\"")[1];
			                        var title2 = titlex[i].split("\"")[1];
			                        //document.write(playerID2 + ">>>>>>>>>>"+title2+"<br>");
			                        document.write("<li><a href="+playerID2+">" + title2 + "</a></li>");
			                    }
			                    
					    }


					function getUrlVars() {
						var vars = {};
						var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
							vars[key] = value;
						});
						return vars;
					}
					
					var url = getUrlVars()["id"].replace(",","");
					
					//document.write(url);
					//
					var lastfminfourl = "https://gdata.youtube.com/feeds/api/videos/-/" + url + "?v=2&alt=jsonc";

					HttpRequest(lastfminfourl);
					
					</script>
					</p>
					&nbsp;</div>
			</div>
			<div class="separator"></div>
			<div class="wrap">
				<div class="oneOfThree first">
				</div>
				<div class="oneOfThree">
				</div>
			</div>
		</div>
	</div>
	<div id="footer">
		<div class="container">
			<div class="wrap">
				<div class="footer_logo">
					<a href="start.html" title="Recommend Me Music">Recommend Me Music</a>
				</div>
				<ul id="footer_nav">
					<li class="current"><a href="start.html">Home</a></li>
					<li><a href="team.html">TEAM</a></li>
					<li><a href="privacy.html">PRIVACY</a></li>
					<li><a href="reportabug.html">REPORT A BUG</a></li>
				</ul>
			</div>
		</div>
		<div class="clear"></div>
	</div>
</body> 
</html>
